<template>
  <div class="logo" @click="btn">
    <div class="logo-box">
      <img src="@/static/logo.png">
    </div>
    <p>叮叮智能</p>
  </div>
</template>
<script>
export default {
  methods: {
    btn () {
      this.$router.push({ name: 'index' })
    }
  }
}
</script>

<style lang="sass" scoped>
$bg: #fff
.logo
  height: 28px
  width: 180px
  display: flex
  flex-direction: row
  cursor: pointer
  .logo-box
    width: 26px
    height: 28px
    img
      width: 26px
      height: 28px
  p
    font-size: 16px
    line-height: 28px
    height: 28px
    letter-spacing: 2px
    font-weight: bolder
    margin-left: 8px
</style>
